<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>弹框</title>
    <link href="../assets/css/bootstrap.min.css" rel="stylesheet">
    <script src="../js/jquery-1.10.2.js"></script>
    <script src="../assets/js/bootstrap.min.js"></script>
    <script src="../js/controls/BaseClass.js"></script>
    <script src="../js/controls/DialogBox/DialogBox.js"></script>
    <style>
        .modal-backdrop{background-color: transparent}
    </style>
    <script>
        $(function(){
            $('#myModal').bind('click',function(){
                dialogBox.Alert(baseClass.uid(),'注册','123');
            });
        /*    $('#myModal1').bind('click',function(){
                dialogBox.Comfirm(baseClass.uid(),'张三','123');
            });*/
            $('#myModal2').bind('click',function(){
                dialogBox.Prompt(baseClass.uid(),'表单','123','');
            });
        })
    </script>

</head>
<body>
<button class="btn btn-primary" data-toggle="modal" id="myModal"  data-keyboard="false">消息框</button>
<!--<button class="btn btn-primary" data-toggle="modal" id="myModal1"  data-keyboard="false">询问框测试</button>-->
<button class="btn btn-primary" data-toggle="modal" id="myModal2"  data-keyboard="false">输入框测试</button>
</body>
</html>